
<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8">
  <title>主页</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/static/layui-v2.5.7/layui/css/layui.css"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
    <style type="text/css">
        .bgimg {
            background: url('/static/img/dimg12.jpg') no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            background-position: center 0;
        }

            .bgimg2 {
                background: url('/static/img/dimg11.jpg') no-repeat;
                background-size: cover;
                -webkit-background-size: cover;
                -o-background-size: cover;
                background-position: center 0;
            }

            .bgimg3 {
                background: url('/static/img/dimg10.jpg') no-repeat;
                background-size: cover;
                -webkit-background-size: cover;
                -o-background-size: cover;
                background-position: center 0;
            }
    </style>

    <!-- 登录 -->
    <script>
        function deleteLogin(){
        var del=document.getElementById("login_box");
        var bg_filter=document.getElementById("bg_filter");
        bg_filter.style.display="none";
        del.style.display="none";
        }
        function showBox(){
            var show=document.getElementById("login_box");
            var bg_filter=document.getElementById("bg_filter");
            show.style.display="block";
            bg_filter.style.display="block";

        }
    </script>
    <style>

        *{
            margin: 0;
            padding: 0;
        }
        img{
            border: none;
        }
        ul li{
            list-style: none;
        }
        a{
            text-decoration: none;
        }
        html,body{
            width: 100%;
            height: 100%;
        }

        .event{
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -250px 0 0 -200px;
            z-index: 9999;
        }
        .login{
            width: 400px;
            height: 500px;
            background: #ffffff;
            background: rgba(255,255,255,.5);
            /*opacity: .6;
            -moz-opacity: .6;
            -webkit-opacity: .6;*/
            filter: alpha(opacity=50);
            box-shadow: 0 0 30px black;
            border-radius: 10px;

        }
        .title{
            float: left;
            width: 400px;
            height: 60px;
            line-height: 60px;
            border-bottom: 1px solid #cccccc;
            position: relative;
        }
        .t_txt{
            float: left;
            margin-left: 20px;
            font-size: 16px;
            color: green;
            position: relative;
        }
        .del{
            float: right;
            margin-right: 20px;
            color: #ffffff;
            position: relative;
        }
        .del:hover{
            color: #000000;
            cursor: pointer;
        }
        .login .inp1{
            display: block;
            float: left;
            width: 360px;
            height: 45px;
            line-height: 45px;
            margin: 20px;
            text-indent: 20px;
            border: 1px solid #cccccc;

        }
        .btn{
            border-radius: 5px;
            margin: 20px;
            width: 340px;
            height: 45px;
            background: green;
            border: none;
            color: white;
            font-size: 16px;
            text-align: center;
        }
        form{
            padding-top: 30px;
        }
        .nav ul{
            float: right;
            margin-right: 100px;
        }
        .nav a{
            color: white;
        }
        .nav a:hover{
            color: green;
        }
        .bg_color{
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,.4) !important;
            filter: alpha(opacity=40) !important;
            position: fixed !important;
            top: 0;
            z-index: 99;
        }
        .zhlab{
            line-height: 20px;
            display: inline-block;
            margin-left: 5px;
            margin-right:15px;
            font-size: 25px;
            color: #777;
        }
        .radio_type{
            width: 20px;
            height: 20px;
            margin-left: 20px;
        }
        .radio_type:before{
            content: '';
            width: 20px;
            height: 20px;
            {#border: 1px solid #7d7d7d;#}
            display: inline-block;
            border-radius: 50%;
            vertical-align: middle;
        }
        .radio_type:checked:before{
            content: '';
            width: 20px;
            height: 20px;
            border: 1px solid white;
            background:green;
            display: inline-block;
            border-radius: 50%;
            vertical-align: middle;
        }
        .radio_type:checked:after{
            content: '';
            width: 10px;
            height:5px;
            border: 2px solid white;
            border-top: transparent;
            border-right: transparent;
            text-align: center;
            display: block;
            position: absolute;
            top: 6px;
            left:5px;
            vertical-align: middle;
            transform: rotate(-45deg);
        }
        .radio_type:checked+label{
            color: green;
        }


    </style>
    <!-- 登录结束 -->
</head>
<body>

<ul class="layui-nav">
    <li class="layui-nav-item"><a href="/jump3">主页</a></li>
  <li class="layui-nav-item"><a href="javascript:void(0)" onClick="showBox()" id="zh_click">登录</a></li>
  <li class="layui-nav-item"><a href="/wqh_regist">注册</a></li>
</ul>

<!-- 登录 -->
<!-- 防止查看源代码 -->
<script type="text/javascript">
    window.onload = function(){
	    //屏蔽键盘事件
	    document.onkeydown = function (){
	        var e = window.event || arguments[0];
	        //F12
	        if(e.keyCode == 123){
	            return false;
                //Ctrl+Shift+I
            }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
                return false;
                //Shift+F10
            }else if((e.shiftKey) && (e.keyCode == 121)){
                return false;
                //Ctrl+U
            }else if((e.ctrlKey) && (e.keyCode == 85)){
                return false;
            }
        };
        //屏蔽鼠标右键
        document.oncontextmenu = function (){
            return false;
        }
    }
</script>
<!-- 防止查看源代码结束 -->
<div class="event" id="login_box" style="display: none;">
		<div class="login">
			<div class="title">
				<span class="t_txt">登录</span>
				<span class="del" onClick="deleteLogin()">X</span>
			</div>
			<form method="post" action="/zh_login_result">
				<input class="inp1" type="text" name="user" id="" value="" placeholder="请输入用户名"/>
				<input class="inp1" type="password" name="password" id="" value="" placeholder="请输入密码"/>
                <br/>
				<label>
                    <input class="radio_type" type="radio" name="isadminan" value="企业" id="radio1">
                    <label class="zhlab" for="radio1">企业登录</label>
                    <input class="radio_type" type="radio" name="isadminan" value="员工" id="radio2">
                    <label class="zhlab" for="radio2">员工登录</label>
                </label>
                <button class="btn" type="submit">登录</button>
			</form>
		</div>
</div>
<div class="bg_color" onClick="deleteLogin()" id="bg_filter" style="display: none;"></div>
<!-- 登录结束 -->

<!--登录失败-->
{% for msg in get_flashed_messages() %}
    <script>
        alert("{{ msg }}");
        document.getElementById("zh_click").click();
    </script>
{% endfor %}
<!--登录失败结束-->

<div class="layui-carousel" id="test10">
    <div carousel-item="">
        <div class="bgimg">
            <div style="left: 100px; position: absolute; top: 200px;">
                <font font face="微软雅黑" size="25" color="white">欢 迎 ，</font><br>
                <font font face="微软雅黑" size="5" color="white">蒲公英人才管理系统，</font><br>
                <font font face="微软雅黑" size="5" color="white">高效、安全的管理模式。</font><br><br>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-radius" onclick="showBox()">现在登录</button>
            </div>
        </div>

        <div class="bgimg2">
            <div style="left: 100px; position: absolute; top: 200px;">
                <font font face="微软雅黑" size="25" color="white">企业注册：</font><br>
                <font font face="微软雅黑" size="5" color="white">注册您的企业，</font><br>
                <font font face="微软雅黑" size="5" color="white">随时获取优秀的人才资源。</font><br><br>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-radius" onclick="location.href='/wqh_regist'">企业注册</button>
            </div>
        </div>

        <div class="bgimg3">
            <div style="left: 100px; position: absolute; top: 200px;">
                <font font face="微软雅黑" size="25" color="white">个人注册：</font><br>
                <font font face="微软雅黑" size="5" color="white">您的求职信息将被更多人看到，</font><br>
                <font font face="微软雅黑" size="5" color="white">随时随地获取offer。</font><br><br>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-radius" onclick="location.href='/wqh_regist'">个人注册</button>
            </div>
        </div>
    </div>
</div>
<br><br>
<div class="layui-container">
  <div class="layui-row" align="center">
    <div class="layui-col-md4">
      <div class="grid-demo grid-demo-bg1">
          <i class="layui-icon layui-icon-email" style="font-size: 50px;"></i><br>
          <a href="http://www.baidu.com"><font font face="微软雅黑" size="5" color="black">联系我们</font></a>
      </div>
    </div>
    <div class="layui-col-md4">
      <div class="grid-demo">
          <i class="layui-icon layui-icon-about" style="font-size: 50px;"></i><br>
          <a href="http://www.baidu.com"><font font face="微软雅黑" size="5" color="black">关于</font></a>
      </div>
    </div>
    <div class="layui-col-md4">
      <div class="grid-demo grid-demo-bg1">
          <i class="layui-icon layui-icon-help" style="font-size: 50px;"></i><br>
          <a href="http://www.baidu.com"><font font face="微软雅黑" size="5" color="black">帮助</font></a>
      </div>
    </div>
  </div>
</div>

<br><br>
<div class="layui-footer footer footer-index" align="center">
  <div class="layui-main">
    <p>&copy; 2021 <a href="/">xxx.com</a> MIT license</p>
    <p>
      <a href="/about/disclaimer.html" target="_blank">免责声明</a>
      <a href="/about/sponsors.html" target="_blank">捐赠</a>
      <a href="/about/relatedlinks.html" target="_blank">友链扶持</a>
      <a href="javascript:;"  site-event="weixinmp">公众号</a>
    </p>
  </div>
</div>


<script src="/static/layui-v2.5.7/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['carousel', 'form'], function(){
        var carousel = layui.carousel
            ,form = layui.form;

        //常规轮播
        carousel.render({
            elem: '#test1'
            ,arrow: 'always'
        });

        //改变下时间间隔、动画类型、高度
        carousel.render({
            elem: '#test2'
            ,interval: 3000
            ,anim: 'fade'
            ,height: '500px'
        });

        //设定各种参数
        var ins3 = carousel.render({
            elem: '#test3'
        });
        //图片轮播

        carousel.render({
            elem: '#test10'
            ,width: '100%'
            ,height: '550px'
            ,interval: 2000
        });


        //事件
        carousel.on('change(test4)', function(res){
            console.log(res)
        });

        var $ = layui.$, active = {
            set: function(othis){
                var THIS = 'layui-bg-normal'
                    ,key = othis.data('key')
                    ,options = {};

                othis.css('background-color', '#5FB878').siblings().removeAttr('style');
                options[key] = othis.data('value');
                ins3.reload(options);
            }
        };

        //监听开关
        form.on('switch(autoplay)', function(){
            ins3.reload({
                autoplay: this.checked
            });
        });

        $('.demoSet').on('keyup', function(){
            var value = this.value
                ,options = {};
            if(!/^\d+$/.test(value)) return;

            options[this.name] = value;
            ins3.reload(options);
        });

        //其它示例
        $('.demoTest .layui-btn').on('click', function(){
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });
    });


    layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 <div style="background:url('/static/img/dimg0.png') repeat;width:100%">添加文字...添加文字...添加文字...</div>

  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
    $(function () {
            //禁用“确认重新提交表单”
            window.history.replaceState(null, null, window.location.href);
        })

</script>

</body>
</html>